<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lx6网页</title>
    <style>
        body { padding-top: 70px;}
        td   {border: 1px solid;
            border-color: #fded07;
        }
    </style>
<!--    <link rel="stylesheet" href="../css/bootstrap.css">-->
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
    <body>
        <div class="container-fluid" style="display: red;position: relative">
            <nav id="MyWeb">
                <div class="fixed-top">
                    <div class="container">
                        <div class="navbar-header">
                            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                                <a class="navbar-brand" href="#MyWeb">lx6</a>
                                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#lx6navBar" aria-controls="lx6navBar" aria-expanded="false" aria-label="Toggle navigation" >
                                        <span class="navbar-toggler-icon"></span>
                                    </button>
                            <div class="collapse navbar-collapse" id="lx6navBar">
                                <ul class="navbar-nav">
                                    <li><a class="nav-link" href="#99mul">乘法口诀表</a></li>
                                    <li><a class="nav-link" href="#famousScientists">科学家介绍</a></li>
                                    <li><a class="nav-link" href="#contactUs">与我联系</a></li>
                                </ul>
                            </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <div class="container-fluid" style="display: block;position: relative">
            <h3 align="center">九九乘法表</h3>
            <div id="99mul">
                <div id="first" style="display: block">
                    <script type="text/javascript">
                        document.write("<table align='center'>");
                        for(a=1;a<=9;a++){
                            document.write("<tr>");
                        for(b=1;b<=a;b++){
                            document.write("<td>");
                            document.write("&nbsp"+a+"*"+b+"="+a*b+"&nbsp;&nbsp");
                            document.write("</td>");
                        }
                        document.write("</tr>")
                        }
                        document.write("</table>");
                    </script>
                </div>
                <div id="second" style="display: none">
                    <script type="text/javascript">
                        for(let a=1;a<=9;a++){
                            document.write("<table align='center'>");
                            document.write("<tr>");
                            for(let b=1;b<=a;b++){
                                document.write("<td style='text-align: center;column-span: 4'>");
                                document.write("&nbsp"+a+"*"+b+"="+a*b+"&nbsp;&nbsp");
                                document.write("</td>");
                            }
                            document.write("</tr>");
                        }
                        document.write("</table>");
                    </script>
                </div>
                <div align="center">
                    <button type="button" class="btn btn-warning" onclick="mySwitch()">等腰三角形</button>
                    <button type="button" class="btn btn-warning" onclick="mySwitch()">直角三角形</button>
                    <script type="text/javascript">
                        function mySwitch() {
                            if(document.getElementById("first").style.display=="block"){
                                document.getElementById("first").style.display="none"
                                document.getElementById("second").style.display="block"
                            }else {
                                document.getElementById("second").style.display="none"
                                document.getElementById("first").style.display="block"
                            }
                        }
                    </script>
                </div>
            </div>
        </div>
        <div class="container-fluid" style="display: block;position: relative">
            <div id="famousScientists">
                <div align="center">
                   <p><br> <h3>科学家介绍</h3></p>
                </div>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-5 col-xs-12">
                        <div class="card">
                            <div class="card-body" align="center">
                                <a><h1>特斯拉</h1></a>
                                <img src="tsl.PNG" alt="Tsl" class="img-responsive">
                                <p>
                                尼古拉·特斯拉（Nikola Tesla，1856年7月10日—1943年1月7日），塞尔维亚裔美籍发明家、
                                物理学家、机械工程师、电气工程师。1856年7月10日，出生于当时奥地利帝国的斯米良。
                                1895年，他替美国尼亚加拉发电站制造发电机组，该发电站至今仍是世界著名水电站之一。
                                1897年，他使马可尼的无线电通信理论成为现实。1898年，他制造出世界上第一艘无线电遥控船，
                                无线电遥控技术取得专利。1899年，他发明了X光（X-Ray）摄影技术。其他发明包括：收音机、
                                传真机、真空管、霓虹灯管、飞弹导航等。以他的名字命名了磁密度单位（1Tesla=10000Gause），
                                表明他在磁学上的贡献。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-xs-12">
                        <div class="card">
                            <div class="card-body" align="center">
                                <a><h1>牛顿</h1></a>
                                <img src="newton.PNG" alt="Newton" class="img-responsive">
                                <p>
                                艾萨克·牛顿（1643年1月4日—1727年3月31日）爵士，英国皇家学会会长，英国著名的物理学家，百科全
                                书式的“全才”，著有《自然哲学的数学原理》、《光学》。他在1687年发表的论文《自然定律》里，对万
                                有引力和三大运动定律进行了描述。这些描述奠定了此后三个世纪里物理世界的科学观点，并成为了现代
                                工程学的基础。他通过论证开普勒行星运动定律与他的引力理论间的一致性，展示了地面物体与天体的运
                                动都遵循着相同的自然定律；为太阳中心说提供了强有力的理论支持，并推动了科学革命。在力学上，
                                牛顿阐明了动量和角动量守恒的原理，提出牛顿运动定律 。在光学上，他发明了反射望远镜，并基于对
                                三棱镜将白光发散成可见光谱的观察，发展出了颜色理论。他还系统地表述了冷却定律，并研究了音速。
                                在数学上，牛顿与戈特弗里德·威廉·莱布尼茨分享了发展出微积分学的荣誉。他也证明了广义二项式定理，
                                提出了“牛顿法”以趋近函数的零点，并为幂级数的研究做出了贡献。在经济学上，牛顿提出金本位制度。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-1"></div>
                    <div class="col-md-5 col-xs-12">
                        <div class="card">
                            <div class="card-body" align="center">
                                <a><h1>莱布尼茨</h1></a>
                                <img src="lbnc.PNG" alt="Lbnc" class="img-responsive">
                                <p>
                                戈特弗里德·威廉·莱布尼茨（Gottfried Wilhelm Leibniz，1646年7月1日－1716年11月14日），
                                德国哲学家、数学家，历史上少见的通才，被誉为十七世纪的亚里士多德。他本人是一名律师，经常
                                往返于各大城镇，他许多的公式都是在颠簸的马车上完成的，他也自称具有男爵的贵族身份。莱布尼
                                茨在数学史和哲学史上都占有重要地位。在数学上，他和艾萨克·牛顿先后独立发现了微积分，而且他
                                所使用的微积分的数学符号被更广泛的使用，莱布尼茨所发明的符号被普遍认为更综合，适用范围更加
                                广泛。莱布尼茨还发现并完善了二进制。 在哲学上，莱布尼茨的乐观主义最为著名；他认为，“我们的
                                宇宙，在某种意义上是上帝所创造的最好的一个”。他和笛卡尔、巴鲁赫·斯宾诺莎被认为是十七世纪三
                                位最伟大的理性主义哲学家。莱布尼茨在哲学方面的工作在预见了现代逻辑学和分析哲学诞生的同时，
                                也显然深受经院哲学传统的影响，更多地应用第一性原理或先验定义，而不是实验证据来推导以得到结论。
                                莱布尼茨在政治学、法学、伦理学、神学、哲学、历史学、语言学诸多方向都留下了著作。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-xs-12">
                        <div class="card">
                            <div class="card-body" align="center">
                                <a><h1>爱迪生</h1></a>
                                <img src="ads.PNG" alt="ads" class="img-responsive">
                                <p>
                                托马斯·阿尔瓦·爱迪生（Thomas Alva Edison，1847年2月11日—1931年10月18日），
                                出生于美国俄亥俄州米兰镇，美国发明家、企业家。爱迪生是人类历史上第一个利用大
                                量生产原则和电气工程研究的实验室来进行从事发明专利而对世界产生重大深远影响的人。
                                他发明的留声机、电影摄影机、电灯对世界有极大影响.他一生的发明共有两千多项，
                                拥有专利一千多项。爱迪生被美国的权威期刊《大西洋月刊》评为影响美国的100位人物第9名。                     
                                1931年10月18日，托马斯·阿尔瓦·爱迪生在美国新泽西州西奥兰治逝世。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <div id="contactUs">
        <div class="inform" id="three" style="text-align: center;">
            <h2>与我联系</h2>
            <p>
                姓名：张灿<br>
                地址：信阳师范学院<br>
                电话：12345678910<br>
                邮箱：123456789@qq.com<br>
            </p>
            <form name="input" action="" method="get">
                提交反馈: <input type="text" name="user">
                <input type="submit" value="Submit">
            </form>
        </div>
    </div>
    </body>
</html>